import React from "react";
import 不规则耐火砖1 from "./不规则耐火砖1.png";
import { allStore } from "../../../../store/AllStore";
import { Button, Modal, Table } from "antd";

export class IrregularRefractoryBricks extends React.Component {
  onView(dataSource, columns) {
    Modal.info({
      icon: null,
      okText: allStore.isEnglish ? "Close" : "关闭",
      title: allStore.isEnglish ? "Detailed Information" : "详细信息",
      content: (
        <div>
          <Table
            style={{ height: 400 }}
            scroll={{ y: 350 }}
            bordered
            pagination={false}
            dataSource={dataSource}
            columns={columns}
          ></Table>
        </div>
      ),
      width: 960,
    });
  }
  render() {
    const columns = [
      {
        title: allStore.isEnglish ? "Item" : "分类",
        dataIndex: "Item",
        key: "Item",
      },
      {
        title: "SK-32",
        dataIndex: "SK-32",
        key: "SK-32",
      },
      {
        title: "SK-34",
        dataIndex: "SK-34",
        key: "SK-34",
      },
      {
        title:"SK-36",
        dataIndex: "SK-36",
        key: "SK-36",
      },
      {
        title:"SK-37",
        dataIndex: "SK-37",
        key: "SK-37",
      },
    ];
    const dataSource = [
      {Item: 'AL2O3 %   (min)', "SK-32": '35-38%', "SK-34": '38-42%', "SK-36": '50-55%', "SK-37": '60-65%'},
      {Item: 'Fe2O3%   (max)', "SK-32": '3', "SK-34": '2.8', "SK-36": '2.5', "SK-37": '2.3'},
      {Item: allStore.isEnglish?'Refractoriness':"耐火度", "SK-32": '≥1690°C', "SK-34": '≥1710°C', "SK-36": '≥1750°C', "SK-37": '≥1770°C'},
      {Item: allStore.isEnglish?'Refractoriness under load, 0.2MPa, (°C)':"负载下的耐火性，0.2MPa，（°C）", "SK-32": '≥1350', "SK-34": '≥1350', "SK-36": '≥1430', "SK-37": '≥1450'},
      {Item: allStore.isEnglish?'Apparent porosity (%)':"表观孔隙率（%）", "SK-32": '20-24', "SK-34": '19-23', "SK-36": '18-22', "SK-37": '18-22'},
      {Item: allStore.isEnglish?'Bulk density (g/cm³)':"堆积密度（g/cm³）", "SK-32": '2.05-2.1', "SK-34": '2.1-2.15', "SK-36": '2.15-2.25', "SK-37": '2.25-2.35'},
      {Item: allStore.isEnglish?'Cold crushing strength (MPa)':"冷压强度（MPa）", "SK-32": '≥30', "SK-34": '≥35', "SK-36": '≥45', "SK-37": '≥50'},
      {Item: allStore.isEnglish?'Thermal expansion at 1000°C (%)':"1000°C时的热膨胀（%）", "SK-32": '≤0.55', "SK-34": '≤0.55', "SK-36": '≤0.4', "SK-37": '≤0.4'}
    ];
    return (
      <div id="irregular-refractory-bricks" className="pcd-mod-layout">
        <div
          style={{
            width: 1080,
            display: "flex",
            alignItems: "center",
          }}
        >
          <img
            style={{ width: 470, marginRight: 140 }}
            alt=""
            src={不规则耐火砖1}
          ></img>
          <div style={{ width: 470, height: 300 }}>
            <div
              style={{
                textAlign: "start",
                fontSize: 24,
                color: "#000",
                marginBottom: 24,
              }}
            >
              {allStore.isEnglish ? "Irregular refractory bricks" : "不规则耐火砖"}
            </div>
            <div style={{ textAlign: "start", marginBottom: 24 }}>
              {allStore.isEnglish
                ? "Fire clay bricks/ Firebick is kind of high temperature materials which used in lining furnaces, kilns, fireboxes, and fireplaces. We produce a comprehensive range of fire clay brick consisting of 30-65% alumina , all of which exhibit excellent strength. For more arduous environments we offer a hand fired “super duty” Fire clay brick with a very high mechanical strength.Typically our firebrick range is based upon flint clay giving it both a low iron and low alkali characteristic."
                : "耐火粘土砖/耐火砖是一种高温材料，用于熔炉、窑炉、燃烧室和壁炉的内衬。我们生产一系列由30-65%氧化铝组成的耐火粘土砖，所有这些砖都表现出优异的强度。对于更艰苦的环境，我们提供具有非常高机械强度的手工烧制的“超负荷”耐火粘土砖。通常，我们的耐火砖系列以燧石粘土为基础，使其具有低铁和低碱的特性。"}
            </div>
            <div style={{ textAlign: "start" }}>
              <Button
                type="primary"
                onClick={() => this.onView(dataSource, columns)}
              >
                {allStore.isEnglish ? "View details" : "查看详情"}
              </Button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
